// 1. 导入vue:
import Vue from 'vue';

// 2.导入App.vue文件：
import App from './App.vue';

// 3. 导入vue-router:
import vueRouter from 'vue-router';  // 相当于：<script src="./vue-router></script>"

// 6. 导入需要注册的组件：
import home from './components/home.vue';

// 4. 定义路由，并初始化路由规则：
// 4.1 在Vue对象中通过use()方法来使用vue-router对象：
Vue.use(vueRouter);

// 4.2 定义路由规则：
var vueRouterObj = new vueRouter({
    linkActiveClass: 'mui-active',  // 将激活的路由添加一个mui-active类名
    routes: [
        {
            path: '/',
            redirect: '/home'
        },
        {
            path: '/home',
            component: home
        }
    ]
})

// 5. mint-ui的使用：
// 5.1 导入mint-ui的样式：
import 'mint-ui/lib/style.min.css';

// 5.2 导入mint-ui的组件包：
import mintUI from 'mint-ui';

// 5.3 将mintUI对象在Vue中通过use()进行绑定：
Vue.use(mintUI);

// 5.4 导入mui的css：
import '../statics/mui/css/mui.css';
import '../statics/mui/css/icons-extra.css';

// 8. 使用vue-resource
// 8.1 导入vue-resource
import vueResource from 'vue-resource';

// 8.2 使用：
Vue.use(vueResource); 

// 7. 导入全局css样式：
import '../statics/css/site.css';

// 最后：将App中的内容编译解析出来替换index.html中的<div id="app"></div>
new Vue({
    el: '#app',
    router: vueRouterObj,
    render: create=>create(App)
});